<template>
  <div  id="RaddarChart" style="width: 100%; height: 400px;"></div>
</template>

<script>


export default {

  data() {
    return {
      chart: null
    }
  },
  watch: {

  },
  mounted() {
      this.initChart()
    },

  methods: {
    initChart(){
      // 基于准备好的dom，初始化echarts实例
      let myChart = this.$echarts.init(document.getElementById('RaddarChart'))
      // 指定图表的配置项和数据
      let option = {
        title: {
    text: '综合评分'
  },
  legend: {
    data: ['大型企业', '中型企业','小型企业']
  },
  radar: {
    // shape: 'circle',
    indicator: [
      { name: '匹配数', max: 100 },
      { name: '成功数', max: 100 },
      { name: '失败数', max: 100 },
      { name: '潜力值', max: 100 },
      { name: '满意度', max: 100 },
      { name: '有效性', max: 100 }
    ]
  },
  series: [
    {
      name: 'Budget vs spending',
      type: 'radar',
      data: [
        {
          value: [85, 12, 56, 23, 42, 89],
          name: '大型企业'
        },
        {
          value: [99, 78, 94, 21, 32, 67],
          name: '中型企业'
        },
        {
          value: [78, 32, 67, 89, 91, 76],
          name: '小型企业'
        }
      ]
    }
  ]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    }
  }
}
</script> 
